<nav class="navbar" role="navigation" aria-label="Navigation">
  <div class="flex_wrap" role="menubar">
    <a role="menuitem" href="https://materialize.com/" class="logo">
      <svg width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path class="logo--mark-3" d="M25.0895 19.7882C25.7699 20.5353 26.4859 21.2424 27.2285 21.9227C27.3219 22.0295 27.4108 22.1451 27.5131 22.2474C28.7805 23.5147 30.0568 24.7688 31.3197 26.0406C31.92 26.6498 32.5693 27.2146 33.0985 27.8816H23.8933C23.7999 27.7705 23.711 27.6548 23.6087 27.5526C22.0997 26.0525 20.5892 24.5479 19.0773 23.0389C13.9277 17.9042 8.77667 12.7695 3.62415 7.63472C2.42348 6.43849 1.25838 5.21114 0.00878906 4.07717V0.0437953C1.61413 0.0437953 3.22393 0.0437953 4.83372 0.0437953C4.96162 0.0391645 5.08902 0.0621944 5.20721 0.111312C5.3254 0.16043 5.4316 0.234478 5.51855 0.328399C9.76685 4.56188 14.0181 8.79537 18.2724 13.0289C18.3556 13.1106 18.4432 13.1878 18.5347 13.2601C19.7843 14.5186 21.0295 15.786 22.2879 17.04C23.2129 17.965 24.1557 18.8721 25.0895 19.7882Z" fill="white"></path>
        <path class="logo--mark-5" d="M33.1118 27.8809C32.5693 27.2139 31.9201 26.6491 31.3331 26.0399C30.0701 24.768 28.7939 23.514 27.5265 22.2466C27.4242 22.1443 27.3353 22.0287 27.2419 21.922C27.2419 21.7308 27.2419 21.544 27.2419 21.3528C27.2419 14.8662 27.2419 8.37662 27.2419 1.88409C27.2362 1.53999 27.3636 1.207 27.5976 0.954677C27.8462 0.616123 28.1814 0.350753 28.5679 0.186433C28.9545 0.0221123 29.3781 -0.0350944 29.7944 0.0208199C30.9729 0.109759 32.1646 0.0563954 33.352 0.0208199C33.7166 0.0208199 33.7967 0.118653 33.7967 0.465514C33.7967 6.97583 33.7967 13.4758 33.7967 19.9653C33.7967 22.4289 33.7967 24.894 33.7967 27.3606C33.7967 27.534 33.7967 27.7075 33.8234 27.8809H33.1118Z" fill="white" fill-opacity="0.5"></path>
        <path class="logo--mark-5" d="M33.1118 27.8809C32.5693 27.2139 31.9201 26.6491 31.3331 26.0399C30.0701 24.768 28.7939 23.514 27.5265 22.2466C27.4242 22.1443 27.3353 22.0287 27.2419 21.922C27.2419 21.7308 27.2419 21.544 27.2419 21.3528C27.2419 14.8662 27.2419 8.37662 27.2419 1.88409C27.2362 1.53999 27.3636 1.207 27.5976 0.954677C27.8462 0.616123 28.1814 0.350753 28.5679 0.186433C28.9545 0.0221123 29.3781 -0.0350944 29.7944 0.0208199C30.9729 0.109759 32.1646 0.0563954 33.352 0.0208199C33.7166 0.0208199 33.7967 0.118653 33.7967 0.465514C33.7967 6.97583 33.7967 13.4758 33.7967 19.9653C33.7967 22.4289 33.7967 24.894 33.7967 27.3606C33.7967 27.534 33.7967 27.7075 33.8234 27.8809H33.1118Z" fill="white" fill-opacity="0.5"></path>
        <path class="logo--mark-2" d="M0 16.3229V7.1311C0.137855 7.16223 0.209006 7.2823 0.297945 7.37569L3.13954 10.1817C8.37507 15.4024 13.6106 20.6231 18.8461 25.8438C19.5132 26.5109 20.2202 27.1468 20.8206 27.8805H11.5976C11.5976 27.7471 11.4687 27.6893 11.3886 27.6093C8.16606 24.3897 4.93758 21.1731 1.70318 17.9594C1.16656 17.3824 0.597942 16.8361 0 16.3229H0Z" fill="white"></path>
        <path class="logo--mark-1" d="M8.52478 27.8804C5.78102 27.8804 3.03726 27.8804 0.293498 27.8804C0.0489163 27.8804 0 27.8315 0 27.5913C0 24.8609 0 22.126 0 19.3867C0.182324 19.3867 0.257922 19.5601 0.369096 19.6669C2.99872 22.2787 5.62389 24.898 8.24462 27.5246C8.35135 27.618 8.51589 27.6936 8.52478 27.8804Z" fill="white"></path>
        <path class="logo--mark-4" d="M25.0888 19.7874C24.1549 18.8714 23.2122 17.9642 22.2872 17.0392C21.0287 15.7852 19.7836 14.5178 18.534 13.2593C18.534 12.281 18.534 11.3071 18.534 10.3288C18.5242 10.2288 18.5367 10.1279 18.5705 10.0334C18.6043 9.9388 18.6587 9.85289 18.7297 9.78181L24.8531 3.68951C24.902 3.64059 24.9643 3.60057 25.0087 3.56055C25.1466 3.60946 25.1066 3.71174 25.1066 3.78734C25.1066 9.04955 25.1066 14.3103 25.1066 19.5695C25.1052 19.6425 25.0993 19.7152 25.0888 19.7874V19.7874Z" fill="white" fill-opacity="0.5"></path>
        <path class="logo--mark-4" d="M25.0888 19.7874C24.1549 18.8714 23.2122 17.9642 22.2872 17.0392C21.0287 15.7852 19.7836 14.5178 18.534 13.2593C18.534 12.281 18.534 11.3071 18.534 10.3288C18.5242 10.2288 18.5367 10.1279 18.5705 10.0334C18.6043 9.9388 18.6587 9.85289 18.7297 9.78181L24.8531 3.68951C24.902 3.64059 24.9643 3.60057 25.0087 3.56055C25.1466 3.60946 25.1066 3.71174 25.1066 3.78734C25.1066 9.04955 25.1066 14.3103 25.1066 19.5695C25.1052 19.6425 25.0993 19.7152 25.0888 19.7874V19.7874Z" fill="white" fill-opacity="0.5"></path>
      </svg>
    </a>
    <div class="flex_grow"><a role="menuitem" href="https://materialize.com/">Materialize</a>/ Early Access</div>
    <a class="secondary" role="menuitem" href="https://materialize.com/docs">Back to Stable Docs ➟</a>
    <a class="secondary" role="menuitem" href="https://cloud.materialize.com/">Log In</a>
    <a class="btn featured" role="menuitem"  href="https://materialize.com/materialize-cloud-access/">Register for Cloud</a>
  </div>
</nav>

<header class="flex_wrap">
  <a href="{{.Site.BaseURL}}" class="primary gradient_text">
    Materialize Documentation
  </a>
  <div class="flex_grow" >

  </div>
  <a class="btn" href="https://materialize.com/s/chat">
    <svg width="21" height="21" viewBox="0 0 21 21" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <path d="M4.31717 13.238C4.31717 14.4012 3.37517 15.3432 2.21199 15.3432C1.04881 15.3432 0.106812 14.4012 0.106812 13.238C0.106812 12.0748 1.04881 11.1328 2.21199 11.1328H4.31717V13.238Z" />
      <path d="M5.37042 13.238C5.37042 12.0748 6.31242 11.1328 7.4756 11.1328C8.63878 11.1328 9.58078 12.0748 9.58078 13.238V18.5017C9.58078 19.6649 8.63878 20.6069 7.4756 20.6069C6.31242 20.6069 5.37042 19.6649 5.37042 18.5017V13.238Z" />
      <path d="M7.4756 4.81729C6.31242 4.81729 5.37042 3.87529 5.37042 2.71211C5.37042 1.54893 6.31242 0.606934 7.4756 0.606934C8.63878 0.606934 9.58078 1.54893 9.58078 2.71211V4.81729H7.4756Z" />
      <path d="M7.47574 5.87061C8.63891 5.87061 9.58091 6.81261 9.58091 7.97578C9.58091 9.13896 8.63891 10.081 7.47574 10.081H2.21199C1.04881 10.081 0.106812 9.13737 0.106812 7.97578C0.106812 6.8142 1.04881 5.87061 2.21199 5.87061H7.47574Z" />
      <path d="M15.8955 7.97578C15.8955 6.81261 16.8375 5.87061 18.0007 5.87061C19.1639 5.87061 20.1059 6.81261 20.1059 7.97578C20.1059 9.13896 19.1639 10.081 18.0007 10.081H15.8955V7.97578Z" />
      <path d="M14.8423 7.97586C14.8423 9.13904 13.9003 10.081 12.7372 10.081C11.574 10.081 10.632 9.13904 10.632 7.97586V2.71211C10.632 1.54893 11.574 0.606934 12.7372 0.606934C13.9003 0.606934 14.8423 1.54893 14.8423 2.71211V7.97586Z" />
      <path d="M12.7371 16.3967C13.9003 16.3967 14.8423 17.3387 14.8423 18.5019C14.8423 19.6651 13.9003 20.6071 12.7371 20.6071C11.574 20.6071 10.632 19.6651 10.632 18.5019V16.3967H12.7371Z" />
      <path d="M12.7372 15.3432C11.574 15.3432 10.632 14.4012 10.632 13.238C10.632 12.0748 11.574 11.1328 12.7372 11.1328H18.0009C19.1641 11.1328 20.1061 12.0748 20.1061 13.238C20.1061 14.4012 19.1641 15.3432 18.0009 15.3432H12.7372Z" />
    </svg>
    <span class="inline-on-desktop">Join the Community</span>
  </a>
  <a class="btn" href="https://github.com/MaterializeInc/materialize">
    <svg width="23" height="23" viewBox="0 0 23 23" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <path d="M20.8945 11.4968C20.8945 10.2394 20.6151 9.0519 20.1261 7.86437C19.6371 6.74669 18.9385 5.69888 18.1701 4.93047C17.4017 4.16207 16.3539 3.4635 15.2362 2.97452C14.1185 2.48553 12.8611 2.20613 11.6038 2.20613C10.3464 2.20613 9.15884 2.48553 7.9713 2.97452C6.85362 3.4635 5.80579 4.16207 5.03738 4.93047C4.26898 5.69888 3.57044 6.74669 3.08145 7.86437C2.59247 8.98205 2.31304 10.2394 2.31304 11.4968C2.31304 13.5226 2.94174 15.3389 4.12928 17.0154C5.31681 18.6919 6.92347 19.8096 8.80956 20.3684V17.9235C8.25072 17.9934 7.97129 17.9933 7.83158 17.9933C6.78376 17.9933 6.01535 17.5044 5.59622 16.5264C5.45651 16.1771 5.24695 15.8278 5.03738 15.6183C4.96753 15.5484 4.89768 15.4786 4.75797 15.3389C4.61826 15.1992 4.47854 15.1293 4.33883 14.9896C4.19912 14.8499 4.12928 14.78 4.12928 14.78C4.12928 14.6403 4.26898 14.6403 4.5484 14.6403C4.82782 14.6403 5.10724 14.7102 5.31681 14.8499C5.52637 14.9896 5.73594 15.1293 5.87565 15.3389C6.01536 15.5484 6.15507 15.758 6.36463 15.9676C6.50434 16.1771 6.71391 16.3168 6.92348 16.4565C7.13304 16.5963 7.41246 16.6661 7.76173 16.6661C8.18086 16.6661 8.53014 16.5963 8.94927 16.4565C9.08898 15.8977 9.43825 15.4786 9.85738 15.1293C8.25072 14.9896 7.06318 14.5705 6.29477 13.9418C5.52637 13.3131 5.10724 12.1954 5.10724 10.6586C5.10724 9.54089 5.45652 8.56294 6.15507 7.79453C6.01536 7.3754 5.9455 6.95626 5.9455 6.53713C5.9455 5.97829 6.08521 5.41946 6.36463 4.93047C6.92347 4.93047 7.41245 5.00032 7.83158 5.20989C8.25071 5.41945 8.7397 5.69886 9.29854 6.11799C10.0669 5.97828 10.8354 5.83858 11.7435 5.83858C12.5119 5.83858 13.2803 5.90845 13.9788 6.04816C14.5377 5.62903 15.0267 5.3496 15.4458 5.20989C15.8649 5.00032 16.3539 4.93047 16.9127 4.93047C17.1922 5.41946 17.3319 5.97829 17.3319 6.53713C17.3319 6.95626 17.262 7.3754 17.1223 7.72467C17.8209 8.49308 18.1701 9.47105 18.1701 10.5887C18.1701 12.1255 17.751 13.1734 16.9826 13.8719C16.2142 14.5705 15.0266 14.9197 13.42 15.0594C14.1185 15.5484 14.398 16.1771 14.398 16.9455V20.2287C16.3539 19.6 17.8907 18.4823 19.0782 16.8757C20.2658 15.3389 20.8945 13.5226 20.8945 11.4968ZM22.7107 11.4968C22.7107 13.5226 22.2217 15.4087 21.2438 17.0852C20.2658 18.8316 18.8687 20.1588 17.1922 21.1368C15.4458 22.1148 13.6296 22.6038 11.6038 22.6038C9.57796 22.6038 7.69188 22.1148 6.01536 21.1368C4.26898 20.1588 2.94174 18.7618 1.96377 17.0852C0.985796 15.3389 0.496807 13.5226 0.496807 11.4968C0.496807 9.47104 0.985796 7.58496 1.96377 5.90844C2.94174 4.16206 4.33884 2.83483 6.01536 1.85686C7.76173 0.878886 9.57796 0.389897 11.6038 0.389897C13.6296 0.389897 15.5156 0.878886 17.1922 1.85686C18.9385 2.83483 20.2658 4.23192 21.2438 5.90844C22.2217 7.58496 22.7107 9.47104 22.7107 11.4968Z" />
    </svg>
    <span class="inline-on-desktop">github/materialize</span>
  </a>
</header>
